<!--
HTML5. Use tags like <article>, <section>, etc.
See: http://www.sitepoint.com/web-foundations/doctypes/
-->
<html lang="en">

	<head>
		<meta charset="utf-8">
		<!--
    Ask IE to behave like a modern browser
    See: https://www.modern.ie/en-us/performance/how-to-use-x-ua-compatible
    -->
		<meta http-equiv="x-ua-compatible" content="ie=edge">

		<title>0to1 Lesson 1</title>

		<!--
    Disables zooming on mobile devices.
    -->
		<meta name="viewport" content="width=device-width,initial-scale=1">

		<!--
    Stylesheet that minimizes browser differences.
    See: http://necolas.github.io/normalize.css/
    -->
		<link rel="stylesheet" href="css/normalize.css">

		<!--
    Our own stylesheet.
    -->
		<link rel="stylesheet" href="css/main.css">
	</head>

	<body>

		<div class="container">
			
			<header class="main-header">
				<img class="main-header__avatar" src="img/meizhi.jpg" alt="">
				<h1>Hi, I'm GKerison ! </h1>
			</header>

			<nav class="main-nav">
				<ul class="nostyle inline-items">
					<li><a href="#">Work</a>
					</li>
					<li><a href="#">Experience</a>
					</li>
					<li><a href="#">Photos</a>
					</li>
					<li><a href="#">Contact</a>
					</li>
				</ul>
			</nav>

			<section class="info-section">
				<header>
					<h2>What I Do</h2>
					<p class="info-section__description">I'm GKerison. I design and develop things on the web.</p>
				</header>
				<ul class="whatido__skill-list">
					<li class="whatido__skill whatido__skill--code">
						<h3>Code</h3>
						<p>I like building things on the web. I've built games, tools, and web apps.</p>
					</li>
					<li class="whatido__skill whatido__skill--design">
						<h3>Design / UX</h3>
						<p>I like creating happiness by making things look good and work well.</p>
					</li>
					<li class="whatido__skill whatido__skill--product">
						<h3>Product</h3>
						<p>I like taking products from idea to reality to users and beyond!</p>
					</li>
				</ul>
			</section>
		</div>

		<!--<link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,300,400' rel='stylesheet' type='text/css'>-->
		<link href='http://fonts.useso.com/css?family=Open+Sans:400,300' rel='stylesheet' type='text/css'>
	</body>

</html>